<template>
  <div class="w plist">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="推荐" name="first">
        <!-- <div class="cat">
          <div class="goods clearfix">
            <div class="list" v-for="item in list" :key="item.id">
              <div class="img">
                <a href="#" target="_blank">
                  <img :src="item.goodPicture" alt="">
                </a>
              </div>
              <div class="goodsName bghei">
                <p class="goods_title">
                  <a href="#" target="_blank">{{item.goodsName}} </a>
                </p>
                <p class="info">
                  <span class="red left">￥{{item.goodPrice}}</span>
                  <span class="right">{{item.like}}人感兴趣</span>
                </p>
              </div>
            </div>
          </div>
        </div> -->
        <Goods />
      </el-tab-pane>
      <el-tab-pane label="配置管理" name="it">IT·互联网</el-tab-pane>
      <el-tab-pane label="角色管理" name="cz">设计·创作</el-tab-pane>
      <el-tab-pane label="考试·考证" name="ks">考试·考证</el-tab-pane>
      <el-tab-pane label="电商·营销" name="ds">电商·营销</el-tab-pane>
      <el-tab-pane label="职业·职场" name="zy">职业·职场</el-tab-pane>
      <el-tab-pane label="语言·留学" name="yy">语言·留学</el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import Goods from '@/mall/views/components/Goods'
export default {
  name:'GoodsList',
  components:{
    Goods
  },
  data () {
    return {
      activeName: 'first',
     
    }
  },
  methods: {
    handleClick (tab, event) {
      console.log(tab, event)
    }
  }
}
</script>

<style lang="scss" scoped>
.w{
  width: 1200px;
  margin:0 auto;
}

.plist {
  margin-top: 20px;
}


</style>
